<!DOCTYPE html>
<html>
<head>
  <title>background-size: 100% 100%; on body</title>
  <style type="text/css">
body
{
  background-image: url(green-8x20-blue-8x20-vertical.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;

  /*
   * This should not affect how the background paints, that is, how the
   * background image is sized:
   *
   *   If the ‘background-attachment’ value for this image is ‘fixed’ [...] the
   *   background positioning area is the initial containing block [CSS21].
   *
   * Thus '100% 100%' below is relative to the viewport size, so we expect to
   * see a background which, modulo aliasing, is half green and half blue.
   */
  height: 10000px;

  background-size: 100% 100%;
}
  </style>
</head>
<body>
</body>
</html>
